<template>
  
  <div style="margin-top: 15px; width:500px">
  <el-input placeholder="请输入内容" v-model="newAge" class="input-with-select">
    <el-select v-model="newName" slot="prepend" placeholder="请选择">
      <el-option label="姓名" value="1"></el-option>
      <el-option label="性别" value="2"></el-option>
      <el-option label="年龄" value="3"></el-option>
    </el-select>
    <el-button slot="append" icon="el-icon-search" @click="find()"></el-button>
  </el-input>
</div>
</template>

<script>
import {mapActions} from 'vuex'
export default {
data(){
      return{
           newName:"",
           newAge:""
      }
    },
     methods:{
    async  find(){
         this.setStudents({page:1,size:5,obj:this.newName,info:this.newAge}); 
      },
      ...mapActions("student",["setStudents"])
    }
}
</script> 

<style>

</style>